{% extends 'base.html' %}
{% block head %}
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<style>
    #container {width:848px; height: 300px; }
    #container2 {width:848px; height: 300px; }
</style>
{% endblock %}
{% block body %}
<div class="po_banner" style="height:237px;background:url('{{first_class.0.images_url}}') center center  no-repeat;margin-bottom:50px;">
    </div>
    <div class="w1400 po_main clear">
        <div class="left left_nav second">
            {% for i in first_class_list %}
            <h2>
                {{i.first_class}}
            </h2>
            <div class="accordion" id="accordionExample">
                <div class="card">
                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                        <div class="card-body">
                            <ul class="list-group">
                                {% for k in i.second_class_list %}
                                {% if k.name == second_class.name %}
                                    <li class="list-group-item cur"><a href="/second_class/{{k.id}}">{{k.name}}<span class="caret"></span></a></li>
                                {% else%}
                                    <li class="list-group-item"><a href="/second_class/{{k.id}}">{{k.name}}<span class="caret"></span></a></li>
                                {% endif %}
                                {% endfor %}
                                <li class="list-group-item address">
                                    <h5>
                                        GPTECH 上海研发中心
                                    </h5>
                                    <h6>
                                        地址：上海市奉贤区南桥镇望远南路1211号泽天产业园3号楼
                                    </h6>
                                    <h6>
                                        电话：021-33656178 / 33656176
                                    </h6>
                                </li>
                                <li class="list-group-item address">
                                    <h5>
                                        GPTECH 江苏生产工厂
                                    </h5>
                                    <h6>
                                        地址：江苏省太仓市沙溪镇大木桥397号
                                    </h6>
                                    <h6>
                                        电话：0512-53218188 / 53218288
                                    </h6>
                                </li>
                                <li class="list-group-item address">
                                    <h5>
                                        GPTECH USA
                                    </h5>
                                    <h6>
                                        Address：900W TEMPLE STREET LOS
                                    </h6>
                                    <h6>
                                        ANGELESS CA 90012
                                    </h6>
                                </li>
                                <li class="list-group-item address">
                                    <div class="img">
                                        <img src="/static/bootstrap4/img/QR.jpg" />
                                    </div>
                                    <p>
                                        GPTECH 微信公众号
                                    </p>
                                </li>
                            </ul>

                        </div>
                    </div>
                    {% endfor %}
                </div>

            </div>
        </div>
        <div class="left contact_main clear">
            <div class="path">
                首页 > {{second_class.name}}
            </div>
            <div class="contact_box">
                <h1>
                    吉派流体控制技术（上海）有限公司
                </h1>
                <h2>
                    地址：上海市奉贤区南桥镇望远南路1211号泽天产业园3号楼
                </h2>
                <h2>
                    电话：021-33656178 / 021-33656176
                </h2>
                <div id="container"></div>
            </div>
            <div class="contact_box">
                <h1>
                    吉派流体控制技术（江苏）有限公司
                </h1>
                <h2>
                    地址：江苏省太仓市沙溪镇大木桥397号
                </h2>
                <h2>
                    电话：0512-53218188 / 0512-53218288
                </h2>
                <div id="container2"></div>
            </div>
            <div class="contact_box" style="border:0px;">
                <h1>
                    GPTECH USA
                </h1>
                <h2>
                    Address：900W TEMPLE STREET LOS ANGELESS CA 90012
                </h2>
            </div>
        </div>
    </div>
<script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'97cc1dd127ee26bb2ae933f5a4cf69fd',
        }

</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ff74dcb8bca60e7199448f7c928d7268"></script>
<style>
    .amap-marker-label{
        border:0px;
        font-size:14px;
        font-weight:bold;
    }
</style>
<script>
    var map = new AMap.Map('container', {
            zoom:14,//级别
            center: [121.492163,30.902236],//中心点坐标
            viewMode:'3D'//使用3D视图
        });
    var marker = new AMap.Marker({
            position: new AMap.LngLat(121.492163,30.902236),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
            title: 'GPTECH 上海研发中心'
        });
        marker.setLabel({
            offset: new AMap.Pixel(-30, 30),  //设置文本标注偏移量
            content: "<div>GPTECH 上海研发中心</div>", //设置文本标注内容
            direction: 'right' //设置文本标注方位
        });
        map.add(marker);


    var map2 = new AMap.Map('container2', {
            zoom:14,//级别
            center: [121.073017,31.589274],//中心点坐标
            viewMode:'3D'//使用3D视图
        });
    var marker2 = new AMap.Marker({
            position: new AMap.LngLat(121.073017,31.589274),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
            title: 'GPTECH 江苏生产工厂'
        });
        marker2.setLabel({
            offset: new AMap.Pixel(-30, 30),  //设置文本标注偏移量
            content: "<div style='border:0px'>GPTECH 江苏生产工厂</div>", //设置文本标注内容
            direction: 'right' //设置文本标注方位
        });
        map2.add(marker2);
    AMap.plugin(['AMap.ToolBar','AMap.Scale'],function(){//异步同时加载多个插件
          var toolbar = new AMap.ToolBar();
          map.addControl(toolbar);

          var scale = new AMap.Scale();//驾车路线规划
          map.addControl(scale);

      });
    AMap.plugin(['AMap.ToolBar','AMap.Scale'],function(){//异步同时加载多个插件
          var toolbar = new AMap.ToolBar();

          map2.addControl(toolbar);
          var scale = new AMap.Scale();//驾车路线规划

          map2.addControl(scale);
      });
</script>
{% endblock %}